import React,{Component} from 'react';
import Adaptive from '../../component/adaptive/Adaptive';
import FirstScreen from '../components/first-screen/FirstScreen';
import Reason from '../components/why-chose/Reason';
import Need from './components/need/Need';
import NeedMobile from './components/need/mobile/NeedMobile';
import ServiceContent from './components/service-content/ServiceContent';
import IconList from '../components/icon-list/IconList';
import MedicalCenter from '../components/medical-center/MedicalCenter';
import Footer from '../../component/footer/Footer';
import MobileFooter from '../../component/footer-mobile/FooterMobile';
import './consultation.less';
import Lang from './Lang';
const prefix = 'consultation';
const iconStyle = {
    background:'rgba(8,112,146,.5)',
    width:'150px',
    padding:'10px 0',
    borderRadius:'10px'
};
class Consultation extends Component{
    render(){
        return(
            <div className={prefix}>
                <FirstScreen backgroundImg={require('./img/banner.jpg')} title={Lang.FirstScreen.title} content={Lang.FirstScreen.content}/>
                <Reason title={Lang.Reason.title} slideSource={Lang.Reason.slideSource} noSwiping={false}/>
                <Adaptive desktop={ <Need title={Lang.who.title} source={Lang.who.source} background={require('./img/who_banner.jpg')}/>} phone={<NeedMobile title={Lang.who.title} source={Lang.who.source} background={require('./img/who_banner.jpg')}/>} size={950}/>
                <ServiceContent title={Lang.serverContent.title} source={Lang.serverContent.source}/>
                <IconList title={Lang.iconList.title} iconSource={Lang.iconList.iconSource} titleColor="#fff" themColor="#2381E8" iconStyle={iconStyle}/>
                <IconList title={Lang.material.title} iconSource={Lang.material.iconSource} titleColor="#2381e8" themColor="#fff" iconHeight="150px" fontColor="#666" justify="space-around"/>
                <MedicalCenter/>
                <Adaptive desktop={<Footer/>} phone={<MobileFooter/>} size={1200}/>
            </div>
        )
    }
}
export default Consultation;
